#{extends 'eventLayout.html' /}
#{set 'moreStyles'}
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/crud.css'}"/>
#{/set}
<div id="crudContent">
    <div class="Events" id="crudList">
        <h2 id="crudListTitle">Auditorios</h2>

        <div id="crudListTable">
            <table>
                <thead>
                <tr>
                    <th>
                        Nombre
                    </th>
                    <th>
                        Ubicación
                    </th>
                    <th>
                        Es usado en este evento
                    </th>
                </tr>
                </thead>
                <tbody>
                #{list items:auditoriums, as:'auditorium'}
                    #{if auditorium_index%2 == 0 }
                    <tr class="odd">
                    #{/if}
                    #{else}
                    <tr class="even">
                    #{/else}
                    <td>
                    ${auditorium.name}
                    </td>
                    <td>
                    ${auditorium.ubication}
                    </td>
                    <td>
                        <input type="checkbox">
                    </td>
                </tr>
                #{/list}
                </tbody>
            </table>

        </div>

        <div id="crudListPagination">

            <p class="crudCount">
                4 Eventos
            </p>

        </div>

        <p id="crudListAdd">
            <a href="/admin/events/new">Agregar Evento</a>
        </p>

    </div>
</div>

